const path = require('path')

//自动把打包好的boundel.js放到底部
const htmlWebpackPlugin = require('html-webpack-plugin')

const { VueLoaderPlugin } = require("vue-loader");

 module.exports = {
     entry:path.join(__dirname,'./src/main.js'),
     output:{
         path:path.join(__dirname,'./dist'),
         filename:'boundle.js'
     },
     plugins:[
         new htmlWebpackPlugin({
             template:path.join(__dirname,'./src/index.html'),
             filename:'index.html'
         }),
         new VueLoaderPlugin()
     ],
     module:{
         rules:[
           {test:/\.css$/,use:['style-loader','css-loader']},
           {test:/\.less$/,use:['style-loader','css-loader','less-loader']},
           {test:/\.scss$/,use:['style-loader','css-loader','sass-loader']},
           {test:/\.(jpg|png|gif|bmp|jpeg)$/,use:'url-loader?limit=76635&name=[name].[ext]'},
           {test:/\.(ttf|eot|svg|woff|woff2)$/,use:'url-loader'},
           {test:/\.js$/,use:'babel-loader',exclude:/node_modules/},
           {test:/\.vue$/,use:'vue-loader'}
         ]
     }
 }